<Timeline>
    <Timeline-item color="blue">
    	<i-button type="primary" shape="circle" icon="calendar" slot="dot"></i-button>
        <p class="time-line-date">
			2017-05
        </p>
    </Timeline-item>
    <Timeline-item v-for="article in articles">
        <section class="time-line-inner">
			<h1 class="time-line-title"><a class="article-title" target="_blank" v-bind:href="'/article/'+article.id+'/detail'">{{article.title}}</a></h1>
			<footer class="time-line-footer">
				<div class="article-meta">
					<div class="article-date">
						<Icon type="calendar"></Icon>
						{{article.gmtCreate}}
					</div>
					<span style="padding-left: 8px;" title="分类"><Icon type="folder" size="16"></Icon>&nbsp;{{article.channelName}}</span>
					<span class="author" style="padding-left: 8px;" title="作者"><Icon type="person" size="16"></Icon>&nbsp;{{article.author}}</span>
					<span class="tags">
						<Tag v-for="tag in article.keywords.split(',')"><a href="">{{tag}}</a></Tag>
					</span>
				</div>
			</footer>
		</section>
    </Timeline-item>
</Timeline>
<script type="text/javascript" th:inline="javascript">
var channelId = /*[[${req.channelId[0]}]]*/'';
</script>
